<template>
	<view>
		<uni-collapse>
			<block v-for="(item,index) in list" :key="index">
				<uni-collapse-item :title="item.title" :showAnimation="true">
					<view style="padding: 30rpx; background-color: #F4F4F4;">{{item.content}}</view>
				</uni-collapse-item>
			</block>
		</uni-collapse>
		</uni-collapse>

		<view class="btn">
			<button class="main-button">反馈</button>
		</view>
	</view>
</template>

<script>
	import uniCollapse from "../../components/official/uni-collapse/uni-collapse.vue"
	import uniCollapseItem from "../../components/official/uni-collapse-item/uni-collapse-item.vue"

	export default {
		data() {
			return {
				list: [{
						title: "客服什么时候上线?",
						content: "123"
					},
					{
						title: "忘记账号密码怎么办?",
						content: "234"
					},
					{
						title: "怎么搜索/查找、关注/取消关注用户",
						content: "345"
					}
				]
			};
		},
		components: {
			uniCollapse,
			uniCollapseItem
		}
	}
</script>

<style lang="scss" scoped>
	.btn {
		padding: 0 20upx;
	}
</style>
